<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
          name="viewport">
    <title>user</title>
    <link rel="short icon" href="images/style/shijiao.ico">
    <meta content="ie=edge" http-equiv="X-UA-Compatible">
    <link rel="stylesheet" href="css/bootstrap/css/bootstrap.css">
    <link href="css/index/main.css" rel="stylesheet">
    <link href="css/index/wy_main.css" rel="stylesheet">
    <link href="css/index/user.css" rel="stylesheet">
    <link href="css/index/title-ucgmod.css" rel="stylesheet">
    <link href="css/index/nav-top.css" rel="stylesheet">
    <link href="css/index/nav.css" rel="stylesheet">
    <link href="css/index/nav-top.css" rel="stylesheet">
    <link href="css/index/title.css" rel="stylesheet">
    <link href="css/index/user-container/container.css" rel="stylesheet">
    <script src="js/jquery/jquery1.12.4.js"></script>
    <script src="js/jquery/jquerysession.js"></script>
    <script src="js/jquery/jquerycookie.js"></script>
    <script src="js/bootstrap/bootstrap.js"></script>
    <script src="js/main.js"></script>
    <script src="js/user/user.js"></script>
    <script src="js/user/user_main.js"></script>

</head>
<style>
    .title_head_img {
        cursor: pointer;
        object-fit: cover;
        /* object-fit: scale-down; */
        width: 100%;
        height: 100%;
    }

    .head_img {
        width: 158px;
        height: 102px;
        margin: 0 15px;
        margin-left: 0;
    }
</style>
<body>
<div class="navbar navbar-default" style="margin-bottom: 20px">
    <ul>
        <li class="fl"><a class="active" href="index.html">主页</a></li>
        <li class="fl"><a class="active" href="login.html?type=logon">注册视角号</a></li>
<!--        <li class="fl"><a class="active" href="index.html">下载APP</a></li>-->
        <li class="fr"><a class="" target="_blank" href="create.html?type=zhuye">创作中心</a></li>
        <li class="fr dropdown">
            <a class="user_main_info dropdown-toggle" id="dropdownMenu2" data-toggle="dropdown">
                <span class="user_img">
                    <img id="top_main_user_img" src="" alt="">
                </span>
                <span id="top_user_main_id"></span>
            </a>
            <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu2" style="z-index: 9999999999;background-color: #0f0f0f">
                <li role="presentation">
                    <a role="menuitem" tabindex="-1" href="#">Java</a>
                </li>
                <li role="presentation">
                    <a role="menuitem" tabindex="-1" href="#">数据挖掘</a>
                </li>
                <li role="presentation">
                    <a role="menuitem" tabindex="-1" href="#">数据通信/网络</a>
                </li>
                <li role="presentation" class="divider"></li>
                <li role="presentation">
                    <a role="menuitem" tabindex="-1" href="#">分离的链接</a>
                </li>
            </ul>
        </li>
    </ul>
    <div class="container">
        <div class="navbar-header">
            <a class="navbar-brand" href="index.html"></a>
            <a style="cursor: pointer;font-size: 30px;font-family:'楷体';color: #ea0c3c;font-weight: bold;margin-left: 10px"
               class="logo_text">视角</a>
        </div>
        <div class="nav-right hide">
            <div class="search input-group">
                <input class="search-input form-control" placeholder="搜索站内资讯、视频或用户" type="text" value>
                <div class="input-group-btn">
                    <button style="outline: none;" class="btn search-btn btn-default">搜索</button>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="container">
    <div class="profile-header">
        <a class="user_img_head" href="">
            <img alt="" class="bg-header" src="images/index/bg_profile.png">
        </a>
        <div>
            <a href="">
                <img alt="" class="avatar main_user_user_img" src="images/index/logo.png">
            </a>
            <div>
                <a class="title" href="">
                    <span class="user_main_user_name">
                    </span>
                </a>
                <a class="des" href="">
                    <span class="signature">
                        这个人很懒 什么都没写
                    </span>
                </a>
            </div>
        </div>
    </div>
    <div class="col-md-8 tab-container">
        <div class="profile-tabs">
            <div class="tabs-nav">
                <div class="tab-item active all">
                    全部
                </div>
                <div class="tab-item article">
                    文章
                </div>
                <div class="tab-item Headlines">
                    微头条
                </div>
                <div class="tab-item img-text">
                    图文
                </div>
                <div class="tab-item video">
                    视频
                </div>
                <div class="tab-item collection">
                    收藏
                </div>
            </div>
            <div class="feed-box">
                <div class="feed-list  all-item">

                </div>
                <div class="feed-list hide article-item main_article">

                </div>
                <div class="feed-list hide Headlines-item">

                </div>
                <div class="feed-list hide img-text-item">

                </div>
                <div class="feed-list hide video-item">

                </div>
                <div class="feed-list hide collection-item">

                </div>
            </div>
        </div>
    </div>
    <div class="col-md-4 right-sidebar">
        <div class="relation hide">
            <dl>
                <dt>
                    <a href=""></a>
                    <h3>0</h3>
                    <p>关注</p>
                </dt>
                <dd>
                    <a href=""></a>
                    <h3>0</h3>
                    <p>粉丝</p>
                </dd>
            </dl>
        </div>
        <div class="side-bar-well" style="background-color: white">
            <strong class="side-bar-well-title">
                近期最佳文章
            </strong>
            <ul class="article-list">
                <div class="hot_news_item">
                </div>
            </ul>
        </div>
    </div>
</div>

</body>
</html>
